<template>
	<div>
		<el-card class="!border-none" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				图号信息
			</div>
			<div >
				<el-row>
					<el-col :span="5">
						<div class="main-color v-flex-col">
							<span>品牌：</span>
							<el-select placeholder="请选择" class="flex-1 mt-[10px]">
								<el-option v-for="item in options" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
					</el-col>
					<el-col :span="5" class="ml-[20px]">
						<div class="main-color v-flex-col">
							<span>Crusher Model</span>
							<el-input class="flex-1 mt-[10px]" placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="5" class="ml-[20px]">
						<div class="main-color v-flex-col">
							<span>Part Number</span>
							<el-input class="flex-1 mt-[10px]" placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="5" class="ml-[20px]">
						<div class="main-color v-flex-col">
							<span>Drawing No</span>
							<el-input class="flex-1 mt-[10px]" placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="5" class="mt-[30px]">
						<div class="main-color v-flex-col">
							<span>Part Name</span>
							<el-input class="flex-1 mt-[10px]" placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="5" class="ml-[20px] mt-[30px]">
						<div class="main-color v-flex-col">
							<span>Chamber</span>
							<el-input class="flex-1 mt-[10px]" placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="5" class="ml-[20px] mt-[30px]">
						<div class="main-color v-flex-col">
							<span>Unit Weight(kg)</span>
							<el-input class="flex-1 mt-[10px]" placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="5" class="ml-[20px] mt-[30px]">
						<div class="main-color v-flex-col">
							<span>Material</span>
							<el-input class="flex-1 mt-[10px]" placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="5" class="mt-[30px]">
						<div class="main-color v-flex-col">
							<span>价格(USD/pcs)</span>
							<el-input class="flex-1 mt-[10px]" placeholder="请输入"></el-input>
						</div>
					</el-col>
				</el-row>
			</div>
		</el-card>
		<el-row class="mt-[30px]">
			<el-button class="main-color1 w-[100px] h-[36px]" >取消</el-button>
			<el-button class="w-[100px] h-[36px]" color="#0054A6" type="primary">提交</el-button>
		</el-row>
	</div>
</template>

<script lang="ts" setup>
	const options = ref<Array<any>>([
		{
			value: '1',
			label: 'Metos/Sandvik/Extec/Symons'
		}, 
	])
</script>

<style>
</style>